<template>
    <div class='panel'>
        <div class="panel-inner">
            <h2>快速导航</h2>
            <ul>
                <!-- <router-link to="/industryinformation" tag="li">行业资讯</router-link>
                <router-link to="/hotactive" tag="li">热门活动</router-link> -->
                <router-link to="/applymaintain" tag="li">申请维护</router-link>
                <!-- <router-link to="/sparepart" tag="li">备件购买</router-link> -->
                <router-link to="/member" tag="li">会员中心</router-link>
            </ul>
        </div>
    </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
@import '../../common/style/mixin.less';
.panel {
    position: fixed;
    height: 100%;
    width: 3.75rem;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 1100000;
    box-shadow: -6px 0 10px 0 rgba(91, 144, 254, 0.25);
    h2 {
        font-weight: 600;
        .bor1px(#e0e0e0);
        .ft(0.28rem);
    }
    .panel-inner {
        line-height: 0.9rem;
        color: #222;
        .ft(0.26rem);
        .tc;
        li {
            .bor1px(#e0e0e0);
            &:active{
                background: #e0e0e0;
            }
        }
    }
}
</style>